<html>
<head>
<title>Restaurant - Inicie sesion</title>
<style type="text/css">
body {
	background-color: gray;
	padding: 20px;
	font-family: Segoe UI;
}

h1,h2 {
	font-weight: lighter;
}

h1 {
	border-bottom: 1px solid black;
}

.button {
	margin-top: 5px;
	clear: both;
	width: 150px;
}

#login {
	width: 50%;
	border: 1px solid black;
	margin-left: 25%;
	background-color: white;
	padding: 20px;
}

.text-box {
	width: 150px;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.fixed {
	width: 40%;
}

.center {
	margin-left: 20%;
}
</style>
</head>
<body>
	<div id="login">
		<h1>Inicie sesion</h1>

		<div class="clear">
			<span class="left fixed">Nombre de usuario:</span> <span class="left">
				<input type="text" class="text-box" />
			</span>
		</div>

		<div class="clear">
			<span class="left fixed">Contrasena:</span> <span class="left">
				<input type="text" class="text-box" />
			</span>
		</div>

		<div class="center">
			<input type="button" value="Entrar" class="clear button center" />
		</div>
	</div>
<body>
<html>